<template>
    <div style="background-color: blanchedalmond;">
        <button @click="show=true">说了什么</button>
        <p v-show="show">说：{{ toSon }}</p>
        <p v-show="show">那我就用成绩来告诉你
            <button @click="handle()">反馈</button>
        </p>
        <button @click="show1=show">又说了啥</button>
        <p v-show="show1"><span :style="{fontSize:getWidth}">厉害</span>厉害</p>
        又说了{{msg}}
    </div>
</template>

<script>
export default {
    props:['toSon','wid'],
    data(){
        return{
            show:false,
            score:90,
            show1:false,
            msg:''
        }
    },
    methods:{
        handle(){
            this.$emit('score',this.score)
        },
        receiveMsg(val){
            this.msg=val
        }
    },computed:{
        getWidth(){
            return this.wid+"px"
        }
    }
}
</script>